Fade in -> Fade out

Auteur: Maarten - 26 september 2004 - 11:05 - Gekeurd door: Dennisvb - Hits: 11525 - Aantal punten: 3.36 (7 stemmen)

Heel simpel... het werkt als een rollover: eerst is het 50% doorzichtig, als je erover gaat dan wordt hij terug 100% (zoals hier links bij de advertenties)

Code:

Head:

php code - Bekijk de code zonder highlighting - Klap code in

                <style type="text/css">
.opacity50 {
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
}
</style>

            
<style type="text/css">
.opacity50 {
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
}
</style>
 

Gebruik:

php code - Bekijk de code zonder highlighting - Klap code in

                <img onMouseOver="this.className='opacity50'" onMouseOut="this.className=''" alt="iets" src="iets.gif">

<img onMouseOver="this.className='opacity50'" onMouseOut="this.className=''" alt="iets" src="iets.gif">

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Lees de reacties (5)